<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gish Warren — The Bijou Life</title>
<meta name="description" content="Gish Warren — Strategic content partner for lifestyle, wellness, beauty & fashion brands. Midlife Empowerment & Intentional Living.">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='4' fill='%232C2520'/%3E%3Ctext x='16' y='22' font-family='Georgia,serif' font-size='11' font-weight='700' text-anchor='middle' fill='%23F0EBE3' letter-spacing='0.5'%3ETBL%3C/text%3E%3C/svg%3E">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Outfit:wght@300;400;500&display=swap" rel="stylesheet">
<style>
:root {
--off-white: #F5F2EE;
--warm-white: #FAF8F5;
--sand: #E6DFD6;
--taupe: #C8BEB4;
--warm-grey: #A09690;
--ink: #201C19;
--bark: #3A3230;
--terra: #B87A5A;
--terra-muted: #D4A98A;
--terra-pale: #EFE0D4;
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: 'Outfit', sans-serif;
background: var(--off-white);
color: var(--ink);
overflow-x: hidden;
cursor: none;
}
/* CURSOR */
.cursor-dot {
position: fixed; width: 8px; height: 8px;
border-radius: 50%; background: var(--ink);
pointer-events: none; z-index: 9999;
transform: translate(-50%,-50%);
transition: width .2s, height .2s, background .2s;
}
.cursor-ring {
position: fixed; width: 36px; height: 36px;
border-radius: 50%; border: 1.5px solid var(--ink);
pointer-events: none; z-index: 9999;
transform: translate(-50%,-50%);
transition: width .35s ease, height .35s ease, border-color .2s;
}
body:has(a:hover) .cursor-dot { background: var(--terra); width: 10px; height: 10px; }
body:has(a:hover) .cursor-ring { width: 52px; height: 52px; border-color: var(--terra); }
/* GRAIN */
body::before {
content: '';
position: fixed; inset: 0; z-index: 9998; pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
opacity: 0.025;
}
/* NAV */
nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 200;
padding: 1.5rem 3rem;
display: flex; justify-content: space-between; align-items: center;
transition: background .4s, backdrop-filter .4s, border-bottom .4s;
}
nav.solid {
background: rgba(245,242,238,.92);
backdrop-filter: blur(20px);
border-bottom: 1px solid var(--sand);
}
.nav-logo {
font-family: 'Syne', sans-serif;
font-weight: 700; font-size: 1.1rem;
letter-spacing: .18em; text-transform: uppercase;
color: var(--ink); text-decoration: none;
}
.nav-right { display: flex; align-items: center; gap: 2.4rem; }
.nav-link {
font-size: .78rem; font-weight: 500;
letter-spacing: .14em; text-transform: uppercase;
color: var(--warm-grey); text-decoration: none; transition: color .25s;
}
.nav-link:hover { color: var(--ink); }
.nav-btn {
font-family: 'Syne', sans-serif; font-size: .75rem;
font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
color: var(--warm-white); background: var(--ink);
padding: .7rem 1.6rem; text-decoration: none; transition: background .25s;
}
.nav-btn:hover { background: var(--terra); }
.hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: none; padding: 4px; }
.hamburger span { display: block; width: 22px; height: 1.5px; background: var(--ink); transition: .3s; }
.hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(4.5px,4.5px); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(4.5px,-4.5px); }
.mobile-menu {
display: none; position: absolute; top: 100%; left: 0; right: 0;
background: var(--off-white); border-bottom: 1px solid var(--sand); padding: .5rem 0;
}
.mobile-menu.open { display: block; }
.mobile-menu a {
display: block; padding: 1rem 3rem; font-size: .82rem; font-weight: 500;
letter-spacing: .12em; text-transform: uppercase; color: var(--bark);
text-decoration: none; border-bottom: 1px solid var(--sand); transition: color .2s, background .2s;
}
.mobile-menu a:last-child { border: none; }
.mobile-menu a:hover { color: var(--terra); background: var(--terra-pale); }
/* HERO */
.hero {
min-height: 100dvh; padding: 0 3rem;
display: flex; align-items: stretch;
}
.hero-inner {
width: 100%; max-width: 1300px; margin: 0 auto;
display: grid; grid-template-columns: 1fr 420px;
align-items: center; padding-top: 8rem; padding-bottom: 4rem;
}
.hero-left { padding-right: 4rem; }
.hero-kicker {
display: inline-flex; align-items: center; gap: .75rem;
font-size: .72rem; font-weight: 500; letter-spacing: .22em;
text-transform: uppercase; color: var(--terra); margin-bottom: 2.2rem;
}
.hero-kicker::before { content: ''; display: block; width: 36px; height: 1px; background: var(--terra); }
.hero-headline {
font-family: 'Syne', sans-serif;
font-size: clamp(3.8rem, 7vw, 7rem); font-weight: 800;
line-height: .95; letter-spacing: -.03em; color: var(--ink); margin-bottom: 2rem;
}
.hero-headline .italic { font-style: italic; color: var(--terra); font-weight: 700; }
.hero-headline .outline { -webkit-text-stroke: 2px var(--ink); color: transparent; }
.hero-body {
font-size: 1.05rem; font-weight: 300; color: var(--warm-grey);
line-height: 1.78; max-width: 480px; margin-bottom: 2.8rem;
}
.hero-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 3rem; }
.tag {
padding: .38rem .9rem; font-size: .72rem; font-weight: 500;
letter-spacing: .1em; text-transform: uppercase;
border: 1px solid var(--taupe); color: var(--warm-grey); transition: border-color .25s, color .25s;
}
.tag:hover { border-color: var(--terra); color: var(--terra); }
.hero-actions { display: flex; align-items: center; gap: 2rem; }
.btn-fill {
font-family: 'Syne', sans-serif; font-size: .75rem; font-weight: 600;
letter-spacing: .16em; text-transform: uppercase;
background: var(--ink); color: var(--warm-white);
padding: 1rem 2.4rem; text-decoration: none; transition: background .25s;
}
.btn-fill:hover { background: var(--terra); }
.btn-text-link {
font-size: .75rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase;
color: var(--warm-grey); text-decoration: none;
display: flex; align-items: center; gap: .5rem; transition: color .25s, gap .25s;
}
.btn-text-link:hover { color: var(--ink); gap: .9rem; }
/* Hero phone */
.hero-right { display: flex; align-items: center; justify-content: center; position: relative; }
.hero-right-bg { position: absolute; inset: -20px; background: var(--terra-pale); z-index: 0; }
.phone-stack { position: relative; z-index: 1; }
.phone-shadow {
position: absolute; width: 240px; height: 420px;
background: var(--sand); border-radius: 32px;
transform: rotate(6deg) translate(18px,12px); z-index: 0;
}
.phone {
width: 262px; background: #18140F; border-radius: 36px; padding: 10px;
position: relative; z-index: 1;
box-shadow: 0 30px 70px rgba(32,28,25,.22), 0 0 0 .5px rgba(255,255,255,.06);
animation: gentleFloat 6s ease-in-out infinite;
}
@keyframes gentleFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.phone-notch { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); width: 88px; height: 22px; background: #0e0a07; border-radius: 0 0 14px 14px; z-index: 5; }
.phone-bar { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3.5px; background: rgba(255,255,255,.18); border-radius: 2px; z-index: 5; }
.phone-screen { border-radius: 27px; overflow: hidden; background: #000; padding-top: 26px; padding-bottom: 18px; }
.phone-vid { position: relative; width: 100%; aspect-ratio: 9/16; }
.phone-vid iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
/* TICKER */
.ticker-wrap { background: var(--ink); padding: 1rem 0; overflow: hidden; white-space: nowrap; }
.ticker-track { display: inline-flex; animation: ticker 28s linear infinite; }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.ticker-item { font-family: 'Syne', sans-serif; font-size: .72rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--warm-white); padding: 0 2.5rem; }
.ticker-dot { color: var(--terra); padding: 0 .5rem; }
/* SECTION BASE */
.section { padding: 7rem 3rem; }
.section-inner { max-width: 1300px; margin: 0 auto; }
.sec-kicker { font-size: .7rem; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: var(--terra); margin-bottom: 1rem; }
.sec-heading { font-family: 'Syne', sans-serif; font-size: clamp(2.2rem,4vw,3.6rem); font-weight: 800; line-height: 1; letter-spacing: -.025em; color: var(--ink); }
.sec-heading em { font-style: italic; color: var(--terra); font-weight: 700; }
/* ABOUT */
.about { background: var(--warm-white); }
.about-grid { display: grid; grid-template-columns: 5fr 6fr; gap: 6rem; align-items: center; }
.about-img-col { position: relative; }
.about-img-frame { position: relative; display: inline-block; width: 100%; }
.about-img-frame::before {
content: ''; position: absolute; top: 20px; left: 20px; right: -20px; bottom: -20px;
border: 1.5px solid var(--terra-muted); z-index: 0;
}
.about-img { position: relative; z-index: 1; width: 100%; aspect-ratio: 3/4; object-fit: cover; object-position: top; display: block; }
.about-stat-pill {
position: absolute; bottom: -16px; right: -16px; z-index: 2;
background: var(--ink); color: var(--warm-white);
padding: 1.2rem 1.8rem; font-size: .72rem; font-weight: 500;
letter-spacing: .1em; text-transform: uppercase; line-height: 1.7;
}
.about-stat-pill strong { display: block; font-family: 'Syne', sans-serif; font-size: 1.9rem; font-weight: 800; letter-spacing: -.02em; line-height: 1; margin-bottom: .2rem; color: var(--terra-muted); }
.about-copy { font-size: 1rem; font-weight: 300; color: var(--bark); line-height: 1.9; margin-top: 1.6rem; }
.about-copy p { margin-bottom: 1.4rem; }
.about-copy p:last-of-type { margin-bottom: 0; }
.about-copy strong { font-weight: 600; color: var(--ink); }
.about-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 2.8rem; }
.stat-box { background: var(--off-white); border: 1px solid var(--sand); padding: 1.4rem 1.6rem; transition: border-color .25s, background .25s; }
.stat-box:hover { border-color: var(--terra); background: var(--terra-pale); }
.stat-box-icon { font-size: 1.1rem; margin-bottom: .5rem; }
.stat-box-label { font-family: 'Syne', sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); margin-bottom: .4rem; }
.stat-box-desc { font-size: .82rem; font-weight: 300; color: var(--warm-grey); line-height: 1.55; }
/* SERVICES */
.services { background: var(--off-white); }
.services-top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; flex-wrap: wrap; gap: 2rem; }
.services-note { font-size: .88rem; font-weight: 300; color: var(--warm-grey); max-width: 320px; line-height: 1.7; }
.svc-row {
display: grid; grid-template-columns: 3rem 1fr 1fr auto;
gap: 2rem; align-items: center;
padding: 2.2rem 0; border-top: 1px solid var(--sand);
transition: background .25s, padding .25s;
}
.svc-row:last-child { border-bottom: 1px solid var(--sand); }
.svc-row:hover { background: var(--warm-white); padding-left: 1.2rem; padding-right: 1.2rem; margin: 0 -1.2rem; }
.svc-num { font-family: 'Syne', sans-serif; font-size: .78rem; font-weight: 700; color: var(--taupe); letter-spacing: .1em; }
.svc-name { font-family: 'Syne', sans-serif; font-size: 1.2rem; font-weight: 700; color: var(--ink); }
.svc-desc { font-size: .88rem; font-weight: 300; color: var(--warm-grey); line-height: 1.65; }
.svc-price { font-family: 'Syne', sans-serif; font-size: 1.1rem; font-weight: 800; color: var(--ink); white-space: nowrap; text-align: right; }
.svc-price span { display: block; font-family: 'Outfit', sans-serif; font-size: .72rem; font-weight: 400; color: var(--warm-grey); letter-spacing: .1em; }
/* PORTFOLIO */
.portfolio { background: var(--ink); }
.portfolio .sec-kicker { color: var(--terra-muted); }
.portfolio .sec-heading { color: var(--off-white); }
.portfolio .sec-heading em { color: var(--terra-muted); }
.portfolio-subtext { font-size: .95rem; font-weight: 300; color: rgba(245,242,238,.5); line-height: 1.78; max-width: 500px; margin-top: 1rem; margin-bottom: 3.5rem; }
.port-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; }
.port-card { background: #2A2520; overflow: hidden; display: flex; flex-direction: column; transition: transform .35s ease; }
.port-card:hover { transform: translateY(-8px); }
.port-vid { position: relative; width: 100%; padding-top: 177.78%; background: #1a1614; overflow: hidden; }
.port-vid iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.port-vid::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top,rgba(32,28,25,.6) 0%,transparent 40%); pointer-events: none; opacity: 0; transition: opacity .3s; }
.port-card:hover .port-vid::after { opacity: 1; }
.port-body { padding: 1.4rem 1.6rem 1.8rem; flex-grow: 1; display: flex; flex-direction: column; }
.port-cat { font-size: .65rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--terra-muted); margin-bottom: .5rem; }
.port-title { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; color: var(--off-white); line-height: 1.25; margin-bottom: .7rem; }
.port-desc { font-size: .8rem; font-weight: 300; color: rgba(245,242,238,.45); line-height: 1.65; flex-grow: 1; }
.port-rule { height: 1px; background: rgba(245,242,238,.07); margin: 1rem 0 .8rem; }
.port-tag { font-size: .65rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: rgba(245,242,238,.22); }
/* CONTACT */
.contact { background: var(--warm-white); }
.contact-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 5rem; align-items: start; }
.contact-body { font-size: .95rem; font-weight: 300; color: var(--warm-grey); line-height: 1.85; margin-top: 1.4rem; margin-bottom: 2.4rem; }
.contact-line { display: flex; align-items: center; gap: 1rem; margin-bottom: .8rem; text-decoration: none; color: var(--bark); font-size: .88rem; font-weight: 400; transition: color .2s; }
.contact-line:hover { color: var(--terra); }
.c-icon { width: 38px; height: 38px; background: var(--sand); display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; transition: background .2s; }
.contact-line:hover .c-icon { background: var(--terra-pale); }
.cal-wrap { background: #fff; border: 1px solid var(--sand); height: 680px; position: relative; overflow: hidden; }
.cal-loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; color: var(--warm-grey); font-size: .82rem; }
.cal-spin { width: 30px; height: 30px; border: 1.5px solid var(--sand); border-top-color: var(--terra); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to{transform:rotate(360deg)} }
.cal-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; opacity: 0; transition: opacity .4s; }
.cal-wrap iframe.loaded { opacity: 1; }
/* FOOTER */
footer { background: var(--ink); padding: 4rem 3rem; }
.footer-inner { max-width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 2rem; flex-wrap: wrap; }
.footer-logo { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--off-white); text-decoration: none; }
.footer-socials { display: flex; gap: .6rem; }
.f-social { width: 42px; height: 42px; border: 1px solid rgba(245,242,238,.12); display: flex; align-items: center; justify-content: center; color: rgba(245,242,238,.4); text-decoration: none; transition: border-color .25s, color .25s, background .25s; }
.f-social:hover { border-color: var(--terra); color: var(--terra); background: rgba(184,122,90,.08); }
.footer-copy { font-size: .73rem; font-weight: 300; letter-spacing: .06em; color: rgba(245,242,238,.3); }
/* REVEAL */
.reveal { opacity: 0; transform: translateY(32px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s} .d4{transition-delay:.4s}
/* RESPONSIVE */
@media(max-width:1100px){
.about-grid{grid-template-columns:1fr;gap:3rem}
.about-img-frame::before{display:none}
.about-img{aspect-ratio:4/3}
.about-stat-pill{right:0}
.port-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
.svc-row{grid-template-columns:2.5rem 1fr auto;gap:1.2rem}
.svc-desc{display:none}
.contact-grid{grid-template-columns:1fr;gap:3rem}
}
@media(max-width:768px){
nav{padding:1.2rem 1.5rem}
.nav-right{display:none}
.hamburger{display:flex}
.hero{padding:0 1.5rem}
.hero-inner{grid-template-columns:1fr;padding-top:6rem}
.hero-left{padding-right:0;text-align:center}
.hero-kicker{justify-content:center}
.hero-tags{justify-content:center}
.hero-actions{justify-content:center}
.hero-right{display:none}
.section{padding:4.5rem 1.5rem}
.port-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}
.footer-inner{flex-direction:column;text-align:center}
.services-top{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
.hero-headline{font-size:3rem}
.about-stat-grid{grid-template-columns:1fr}
}
@media(pointer:coarse){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}}
</style>
</head>
<body>
<div class="cursor-dot" id="cursorDot"></div>
<div class="cursor-ring" id="cursorRing"></div>
<!-- NAV -->
<nav id="mainNav">
<a href="#home" class="nav-logo">The Bijou Life</a>
<div class="nav-right">
<a href="#about" class="nav-link">About</a>
<a href="#services" class="nav-link">Services</a>
<a href="#portfolio" class="nav-link">Portfolio</a>
<a href="#contact" class="nav-btn">Book a Call</a>
</div>
<button class="hamburger" id="hamburger"><span></span><span></span><span></span></button>
<div class="mobile-menu" id="mobileMenu">
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#portfolio">Portfolio</a>
<a href="#contact">Book a Call</a>
</div>
</nav>
<!-- HERO -->
<section id="home" style="padding:0;background:var(--off-white);">
<div class="hero">
<div class="hero-inner">
<div class="hero-left">
<span class="hero-kicker">Midlife Empowerment & Intentional Living</span>
<h1 class="hero-headline">
Content<br>
<span class="italic">that moves</span><br>
<span class="outline">real women.</span>
</h1>
<p class="hero-body">
I'm Gish Warren — content partner for lifestyle, wellness, beauty & fashion brands ready to connect authentically with the midlife woman who is educated, intentional, and ready to invest in herself.
</p>
<div class="hero-tags">
<span class="tag">Lifestyle</span>
<span class="tag">Wellness</span>
<span class="tag">Beauty & Skincare</span>
<span class="tag">Fashion & Style</span>
<span class="tag">Women's Health</span>
<span class="tag">Tech & Apps</span>
</div>
<div class="hero-actions">
<a href="#portfolio" class="btn-fill">View My Work</a>
<a href="#contact" class="btn-text-link">Book a Call →</a>
</div>
</div>
<div class="hero-right">
<div class="hero-right-bg"></div>
<div class="phone-stack">
<div class="phone-shadow"></div>
<div class="phone">
<div class="phone-notch"></div>
<div class="phone-bar"></div>
<div class="phone-screen">
<div class="phone-vid">
<iframe src="https://thebijoulife.wistia.com/embed/iframe/ozs1sshh5c?videoFoam=true" title="Gish Warren — The Bijou Life" allow="autoplay; fullscreen"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- TICKER -->
<div class="ticker-wrap" aria-hidden="true">
<div class="ticker-track">
<span class="ticker-item">Midlife Empowerment</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Intentional Living</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Authentic Representation</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Wellness & Beauty</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Lifestyle Content</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Women's Health</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Strategic Content Partner</span><span class="ticker-dot">✦</span>
<span class="ticker-item">The Bijou Life</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Midlife Empowerment</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Intentional Living</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Authentic Representation</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Wellness & Beauty</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Lifestyle Content</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Women's Health</span><span class="ticker-dot">✦</span>
<span class="ticker-item">Strategic Content Partner</span><span class="ticker-dot">✦</span>
<span class="ticker-item">The Bijou Life</span><span class="ticker-dot">✦</span>
</div>
</div>
<!-- ABOUT -->
<section class="about section" id="about">
<div class="section-inner">
<div class="about-grid">
<div class="about-img-col reveal">
<div class="about-img-frame">
<img src="https://i.imgur.com/tNNH4Jl.png" alt="Gish Warren — The Bijou Life" class="about-img">
<div class="about-stat-pill">
<strong>13.1K</strong>
Instagram<br>Community
</div>
</div>
</div>
<div class="reveal d1">
<div class="sec-kicker">About Gish</div>
<h2 class="sec-heading">I don't research midlife —<br><em>I live it.</em></h2>
<div class="about-copy">
<p>I'm Gish Warren — by day, a senior-level corporate professional and the creator behind <strong>The Bijou Life</strong>, a lifestyle brand rooted in midlife confidence, intentional self-care, and the kind of beauty and wellness that actually works for women navigating this season of life.</p>
<p>As a curvy, plus-size midlife woman with a <strong>Master's degree in Leadership</strong>, I bring professional credibility and genuine lived experience to every brand I partner with. I understand hormonal shifts, evolving skin needs, and evolving style — not from a brief, but from my own bathroom mirror.</p>
<p>When your brand wants to reach the midlife woman who is educated, discerning, and ready to invest — I offer what no media buy can manufacture: <strong>authentic peer-to-peer trust.</strong></p>
</div>
<div class="about-stat-grid">
<div class="stat-box reveal d2"><div class="stat-box-icon">🌿</div><div class="stat-box-label">Wellness & Hormonal Health</div><div class="stat-box-desc">Real talk on perimenopause, changing skin, and intentional self-care</div></div>
<div class="stat-box reveal d3"><div class="stat-box-icon">✨</div><div class="stat-box-label">Beauty & Style</div><div class="stat-box-desc">Celebrating products that honor curvy, midlife women with confidence</div></div>
<div class="stat-box reveal d2"><div class="stat-box-icon">📱</div><div class="stat-box-label">Tech & Productivity</div><div class="stat-box-desc">SaaS-savvy exec — comfortable with apps, software, and B2B tools</div></div>
<div class="stat-box reveal d3"><div class="stat-box-icon">🧳</div><div class="stat-box-label">Lifestyle & Travel</div><div class="stat-box-desc">The elevated everyday — meaningful moments and intentional living</div></div>
</div>
</div>
</div>
</div>
</section>
<!-- SERVICES -->
<section class="services section" id="services">
<div class="section-inner">
<div class="services-top">
<div>
<div class="sec-kicker">Partnerships</div>
<h2 class="sec-heading">Built to <em>perform.</em></h2>
</div>
<p class="services-note">Retainer-based partnerships for brands serious about connecting with the midlife market through consistent, high-quality content.</p>
</div>
<div>
<div class="svc-row reveal">
<div class="svc-num">01</div>
<div class="svc-name">Foundation Partnership</div>
<div class="svc-desc">5–10 pieces monthly · Bi-weekly strategy calls · Monthly performance reporting · Platform-optimized for organic & paid</div>
<div class="svc-price">$2,000<span>per month</span></div>
</div>
<div class="svc-row reveal d1">
<div class="svc-num">02</div>
<div class="svc-name">Growth Partnership</div>
<div class="svc-desc">10–15 pieces monthly · Weekly strategy sessions · Priority 24hr response · Cross-platform adaptation · Quarterly strategic deep-dive</div>
<div class="svc-price">$3,000<span>per month</span></div>
</div>
<div class="svc-row reveal d2">
<div class="svc-num">03</div>
<div class="svc-name">Authority Partnership</div>
<div class="svc-desc">15–20 pieces monthly · Dedicated 90-min monthly strategy · 24/7 priority access · Advanced analytics · Full brand growth consultation</div>
<div class="svc-price">$4,000<span>per month</span></div>
</div>
</div>
</div>
</section>
<!-- PORTFOLIO -->
<section class="portfolio section" id="portfolio">
<div class="section-inner">
<div class="sec-kicker">Portfolio</div>
<h2 class="sec-heading" style="color:var(--off-white);">Content that <em>resonates.</em></h2>
<p class="portfolio-subtext">From skincare rituals to honest perimenopause conversations to style moments — every video is rooted in real life and made for the woman your brand wants to reach.</p>
<div class="port-grid">
<div class="port-card reveal">
<div class="port-vid"><iframe src="https://thebijoulife.wistia.com/embed/iframe/m5pu9lc4eq?videoFoam=true" title="Effortless Skincare" allow="autoplay; fullscreen"></iframe></div>
<div class="port-body">
<div class="port-cat">Skincare & Beauty</div>
<div class="port-title">Effortless Post-Night Skincare</div>
<p class="port-desc">No-fuss micellar water that takes off everything — foundation, mascara, lipstick — without scrubbing. Protecting your skin and your peace.</p>
<div class="port-rule"></div>
<div class="port-tag">Skincare · Authentic Review · Daily Routine</div>
</div>
</div>
<div class="port-card reveal d1">
<div class="port-vid"><iframe src="https://thebijoulife.wistia.com/embed/iframe/da9vqrk89o?videoFoam=true" title="MAC Nude Lip Tutorial" allow="autoplay; fullscreen"></iframe></div>
<div class="port-body">
<div class="port-cat">Beauty & Makeup</div>
<div class="port-title">The Nude Lip That Never Misses</div>
<p class="port-desc">MAC Chestnut and Honeylove — the two shades your girl keeps reaching for, season after season. Honest product loyalty from a real midlife woman who knows what works.</p>
<div class="port-rule"></div>
<div class="port-tag">Beauty · Makeup · Product Review</div>
</div>
</div>
<div class="port-card reveal d2">
<div class="port-vid"><iframe src="https://thebijoulife.wistia.com/embed/iframe/m9rr8a9pgn?videoFoam=true" title="Perimenopause & Skin" allow="autoplay; fullscreen"></iframe></div>
<div class="port-body">
<div class="port-cat">Hormonal Wellness</div>
<div class="port-title">When Peri Changes Your Skin</div>
<p class="port-desc">Nobody talks about it. A gentle, fragrance-free cleanser for the season when skin just needs a little more grace — calm is the goal.</p>
<div class="port-rule"></div>
<div class="port-tag">Perimenopause · Skincare · Hormonal Health</div>
</div>
</div>
<div class="port-card reveal">
<div class="port-vid"><iframe src="https://thebijoulife.wistia.com/embed/iframe/i67a2yymfy?videoFoam=true" title="Curve Fashion" allow="autoplay; fullscreen"></iframe></div>
<div class="port-body">
<div class="port-cat">Fashion & Lifestyle</div>
<div class="port-title">Curve-Celebrating Confidence</div>
<p class="port-desc">Midlife style isn't about blending in. Statement pieces that celebrate the body you're in, right now, exactly as you are.</p>
<div class="port-rule"></div>
<div class="port-tag">Fashion · Style · Body Positivity</div>
</div>
</div>
<div class="port-card reveal d1">
<div class="port-vid"><iframe src="https://thebijoulife.wistia.com/embed/iframe/cmzr7kras1?videoFoam=true" title="Perimenopause Education" allow="autoplay; fullscreen"></iframe></div>
<div class="port-body">
<div class="port-cat">Women's Health</div>
<div class="port-title">The Talk Nobody Had With Us</div>
<p class="port-desc">Brain fog. 3 AM wake-ups. 30+ symptoms nobody warned us about. The perimenopause education that empowers women to stop dismissing themselves.</p>
<div class="port-rule"></div>
<div class="port-tag">Education · Empowerment · Women's Health</div>
</div>
</div>
<div class="port-card reveal d2">
<div class="port-vid"><iframe src="https://thebijoulife.wistia.com/embed/iframe/u6u39h1j3z?videoFoam=true" title="Effortless Elevated" allow="autoplay; fullscreen"></iframe></div>
<div class="port-body">
<div class="port-cat">Lifestyle & Accessories</div>
<div class="port-title">Effortless. Elevated.</div>
<p class="port-desc">The right piece doesn't just complete the look — it tells a story. Warm, luxe, and unmistakably intentional. Midlife style at its most refined.</p>
<div class="port-rule"></div>
<div class="port-tag">Accessories · Lifestyle · Intentional Living</div>
</div>
</div>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="contact section" id="contact">
<div class="section-inner">
<div class="contact-grid">
<div class="reveal">
<div class="sec-kicker">Work Together</div>
<h2 class="sec-heading">Let's build<br>something <em>real.</em></h2>
<p class="contact-body">If your brand is ready to connect authentically with midlife women who are educated, intentional, and ready to invest in themselves — let's talk. Book a complimentary 30-minute strategy call.</p>
<a href="mailto:info@thebijoulife.com" class="contact-line"><div class="c-icon">✉</div>info@thebijoulife.com</a>
<a href="https://www.instagram.com/bijoulifestyle/" target="_blank" class="contact-line"><div class="c-icon">📸</div>@bijoulifestyle · 13.1K followers</a>
<a href="https://www.tiktok.com/@thebijoulife" target="_blank" class="contact-line"><div class="c-icon">🎵</div>@thebijoulife · TikTok</a>
</div>
<div class="reveal d1">
<div class="cal-wrap">
<div class="cal-loading" id="calLoading"><div class="cal-spin"></div><span>Loading calendar…</span></div>
<iframe id="calFrame" src="https://calendly.com/thebijoulife-info/30min?embed_domain=thebijouedit.co&embed_type=Inline&hide_landing_page_details=1&hide_gdpr_banner=1" title="Schedule a Call with Gish Warren" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="footer-inner">
<a href="#home" class="footer-logo">The Bijou Life</a>
<div class="footer-socials">
<a href="mailto:info@thebijoulife.com" class="f-social" title="Email">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
</a>
<a href="https://www.instagram.com/bijoulifestyle/" target="_blank" class="f-social" title="Instagram">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162S8.597 18.163 12 18.163s6.162-2.759 6.162-6.162S15.403 5.838 12 5.838zm0 10.162c-2.209 0-4-1.79-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
</a>
<a href="https://www.tiktok.com/@thebijoulife" target="_blank" class="f-social" title="TikTok">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/></svg>
</a>
<a href="https://x.com/thebijoulife" target="_blank" class="f-social" title="X / Twitter">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.741l7.74-8.845L1.254 2.25H8.08l4.259 5.631 5.905-5.631zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
</a>
</div>
<p class="footer-copy">© 2026 Gish Warren · The Bijou Life · Midlife Empowerment & Intentional Living</p>
</div>
</footer>
<script>
/* CURSOR */
const dot = document.getElementById('cursorDot');
const ring = document.getElementById('cursorRing');
let mx=0, my=0, rx=0, ry=0;
document.addEventListener('mousemove', e => { mx=e.clientX; my=e.clientY; });
(function animate() {
if(dot){ dot.style.left=mx+'px'; dot.style.top=my+'px'; }
rx += (mx-rx)*.14; ry += (my-ry)*.14;
if(ring){ ring.style.left=rx+'px'; ring.style.top=ry+'px'; }
requestAnimationFrame(animate);
})();
/* NAV */
const nav = document.getElementById('mainNav');
window.addEventListener('scroll', ()=>nav.classList.toggle('solid', window.scrollY>60), {passive:true});
/* HAMBURGER */
const ham = document.getElementById('hamburger');
const menu = document.getElementById('mobileMenu');
ham.addEventListener('click', ()=>{ ham.classList.toggle('open'); menu.classList.toggle('open'); });
menu.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{ ham.classList.remove('open'); menu.classList.remove('open'); }));
/* SMOOTH SCROLL */
document.querySelectorAll('a[href^="#"]').forEach(a=>{
a.addEventListener('click', e=>{
const t=document.querySelector(a.getAttribute('href'));
if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth',block:'start'}); }
});
});
/* REVEAL */
const obs = new IntersectionObserver(entries=>{
entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('visible'); obs.unobserve(e.target); } });
}, {threshold:.08, rootMargin:'0px 0px -40px 0px'});
document.querySelectorAll('.reveal').forEach(el=>obs.observe(el));
/* CALENDLY */
const calFrame=document.getElementById('calFrame');
const calLoad=document.getElementById('calLoading');
if(calFrame) calFrame.addEventListener('load',()=>{ if(calLoad)calLoad.style.display='none'; calFrame.classList.add('loaded'); });
</script>
</body>
</html>